<template>
  <div>
    <div class="c_1">
			<div class="c_2">
				<div class="c_3">酸豆角肉末饭</div>
				<div class="c_4">
					<div class="c_5">原价：</div>
					<div class="c_6">￥45</div>
					<div class="c_5 c_7">售价：</div>
					<div class="c_6">￥45</div>
				</div>
				<div class="c_8">有效期至：2018年5月1号</div>
				<div class="c_8">创建时间：2018年3月4号</div>
			</div>
		</div>
		<div class="c_9">提示说明</div>
		<div class="c_10">
			亲，客户到店核销使用优惠券后，优惠券待收入款项在按照您预设返
			金比例扣除对应待返金金额后才能打到您的小确幸平台账户余额中哦~
		</div>
		<button class="c_11">上架</button>
  </div>
</template>

<script>
export default {

}
</script>

<style>
html,body{
  width: 100%;
  height: 100%;
  padding-top: 1px solid #f0f0f0;
}
.c_1{
  width: 100%;
  padding-top: 14px;
  padding-bottom: 14px;
  background-color: #f0f0f0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c_2{
  width: 326px;
  /*height: 125px;*/
  background-color: white;
  border-radius: 10px;
  box-shadow: 0px 0px 10px #d9d9d9;
  padding-left: 17px;
  padding-bottom: 20px;
}
.c_3{
  font-size: 16px;
  color: #000;
  margin-top: 20px;
}
.c_4{
  display: flex;
  align-items: center;
  margin-top: 15px;
}
.c_5{
  font-size: 13px;
  color: #6e6e6e;
}
.c_6{
  font-size: 15px;
  color: #333;
}
.c_7{
  margin-left: 50px;
}
.c_8{
  font-size: 13px;
  color: #6e6e6e;
  margin-top: 9px;
}
.c_9{
  width: 343px;
  font-size: 14px;
  color: #333;
  margin: auto;
  margin-top: 19px;
}
.c_10{
  width: 343px;
  margin: auto;
  font-size: 12px;
  color: #999;
  margin-top: 15px;
}
.c_11{
  width: 343px;
  height: 45px;
  line-height: 45px;
  background-color: #ff9400;
  border: none;
  margin: auto;
  display: block;
  font-size: 15px;
  color: white;
  position: absolute;
  bottom: 15px;
  left: 50%;
  margin-left: -171.5px;
}
</style>
